<template>
	<view style="padding-top: 100rox;">
		<view class="text-area">
			<text>输入值：</text>
			<input type="text"  style="color:red;" v-model="inputtext"/>
			
		</view>
		<view class="text-area">
			<text>回传值：</text>
			<input type="text" :value="callBackValue" style="color:yellow;"/>
			
		</view>
		<comA :intent="inputtext"></comA>
		<comB @callBackFun="callBack"></comB>
		
	</view>
</template>

<script>
	import comA from '../../../components/compA.vue'
	 import comB from '../../../components/compB.vue'
	export default {
		components:{
			comA,
			comB
		},
		data() {
			return {
				inputtext:'sdf sf',
				callBackValue:""
			}
		},
		methods: {
			callBack(message){
				console.log("callBack"+message);
				this.callBackValue=message
			}
		}
	}
</script>

<style>
.text-area{
	display: flex;
	margin: 40rpx;
	align-items: center;
	height: 100rpx;
	padding-left: 50rpx;

	}
	input{
		
			background-color:#a7a7a7;
		}
</style>
